/* pages/recommendSong/recommendSong.wxss */
view.recommendSongContainer {
  view.header {
    position: relative;
    width: 100%;
    height: 300rpx;
    image {
      width: 100%;
      height: 100%;
    }

    view.date {
      position: absolute;
      left: 50%;
      top: 50%;
      margin-left: -150rpx;
      margin-top: -50rpx;
      width: 300rpx;
      height: 100rpx;
      text-align: center;
      line-height: 100rpx;
      color: #fff;
      text.day {
        font-size: 38rpx;
      }
    }
  }

  view.ListContainer {
    position: relative;
    top: -20rpx;
    padding: 0 20rpx;
    border-radius: 30rpx;
    background: #fff;
    view.listHeader {
      height: 80rpx;
      line-height: 80rpx;
      text.changeMore {
        float: right;
      }
    }

    scroll-view.listScroll {
      height: calc(100vh - 380rpx);
      view.scrollItem {
        position: relative;
        display: flex;
        margin-bottom: 20rpx;
        image {
          width: 80rpx;
          height: 80rpx;
          border-radius: 8rpx;
        }

        view.musicInfo {
          display: flex;
          flex-direction: column;
          margin-left: 20rpx;
          text {
            height: 40rpx;
            line-height: 40rpx;
            font-size: 24rpx;
            max-width: 500rpx;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
          }
        }

        text.iconfont {
          position: absolute;
          right: 0;
          width: 80rpx;
          height: 80rpx;
          line-height: 80rpx;
          text-align: right;
        }
      }
    }
  }
}